@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body{font-family:"微软雅黑";font-size:14px;min-width:1200px;}
.fl{float:left}
.fr{float:right}
li{list-style-type:none}
a{color:#333;text-decoration:none}
img{border:none}
.clear{clear:both}
.w1230{width:1230px;margin:0 auto;}
.header { position: fixed; left: 0; top: 0; width: 100%;z-index:99; background:#000d28;border-bottom:1px solid #000d28;}
.inner { width: 1230px; margin: 0 auto; overflow: hidden; zoom: 1;}
h1 {float: left;}
h1 img {display: block; border: 0;}
.nav {float:left;margin-left:50px;}
.nav li{float:left;margin-left:35px;color:#fff;}
/*2017-3-20 YY添加 鼠标划过效果*/
.nav li:hover{color:#A4A4B0;}
.large .inner {padding: 5px 0 25px;height:45px;overflow:hidden;}
.large h1 img {height:45px;margin-top:10px;}
.large .nav li{line-height:66px;padding:0 8px;font-size:16px;}
/*2017-3-20 YY修改 去掉下划线*/
/*.large .nav li.on{border-bottom:4px solid #4e8cee;}*/
.large .login_box{float:right;width:220px;}
.large .login_box .box{float:right;height:32px;line-height:32px;margin-top:16px;margin-right:15px;border:1px solid #fff;border-radius:16px;padding:0 15px;color:#fff;font-size:15px;}

.small .inner {padding: 10px 0;}
.small h1 img {height: 34px;}
.small .nav {padding-top: 3px;}
.small .nav a{height: 28px; padding: 0 10px; line-height: 28px; font-size: 14px;}
.small .login_box{float:right;width:220px;}
.small .login_box .box{float:right;height:28px;line-height:28px;margin-top:5px;margin-right:10px;border:1px solid #fff;border-radius:16px;padding:0 12px;color:#fff;font-size:14px;}
.small .login_box .login,.login_box .box:hover,.large .login_box .login{color:#fff;border-color:#fff;}
.header,.inner,a,img,li{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
/*2017-3-24 YY 修改banner*/
#banner {width:100%;height:500px; background:url(../images/banner2.jpg) no-repeat center center;}
/*2017-3-20 YY 添加鼠标滑过立即购买变色*/
.buynow {width:120px; height:36px; border:1px solid #fff;line-height:36px; position:absolute;top:370px;left:20%; display:inline-block;text-align:center; background:#111A2B;color:#fff;}
.buynow:hover { background:#fff;color:#000;}
/*end*/
.advantage{background:#fff;}
.part{padding:50px 0;}
.part .title{text-align:center;font-size:30px;color:#333;}
.part .hr{width:80px;margin:auto;height:2px;background:#333;margin-top:15px;}
.part .tit{text-align:center;color:#999;font-size:16px;margin:20px 0;}
.part .content{width:1160px;margin:30px auto 0}
.advantage .content .li{width:25%;text-align:center;float:left;padding-top:150px;transition-duration:10s;transition-timing-function:ease-in-out;}
.advantage .content .li .t1{font-size:20px;color:#333;margin-top: 30px;}
.advantage .content .li .t2{font-size:14px;color:#888;margin:0 45px;line-height:23px;margin-top:10px;}
.advantage .content .li1{margin-top: -160px;color:#fff;}
.advantage .content .li1 img:hover{transform: scale(1.1);}
.advantage .content .li2{margin-top: -160px;color:#fff;}
.advantage .content .li2 img:hover{transform: scale(1.1);}
.advantage .content .li3{margin-top: -160px;color:#fff;}
.advantage .content .li3 img:hover{transform: scale(1.1);}
.advantage .content .li4{margin-top: -160px;color:#fff;}
.advantage .content .li4 img:hover{transform: scale(1.1);}


/*添加修改代码*/
.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.path-banner {
	width: 1201px;
	height: 152px;
	margin: 0 auto;
	overflow: hidden;
	background: #FFFFFF;
}
.path-banner img{
	display: inline-block;
	background: pink;
	border: 0;
}
.path-banner .help-right {display: inline-block;margin-left: 80px;}
.path-banner .help-right p:nth-child(1) {font-size: 20px; color: #333;}
.path-banner .help-right p:nth-child(2) {font-size: 15px; color: #999;margin-top: 10px;}
.path-banner>a {
	float: left;
	width: 218px;/*加边框280-2*/
	height: 50px;/*加边框112-2*/
	padding: 26px;
	border: 1px solid #dadada;
	overflow: hidden;
}
.astyle1 {background: url(../images/icon-1.png) no-repeat 26px center ;margin:20px 25px 20px 18px;}
.astyle2 {background: url(../images/icon-2.png) no-repeat 26px center;margin:20px 25px 20px 0;}
.astyle3 {background: url(../images/icon-3.png) no-repeat 26px center;margin:20px 25px 20px 0;}
.astyle4 {background: url(../images/icon-4.png) no-repeat 26px center;margin:20px 0 0 0;}

.path-banner a:hover{
	border: 1px solid #4e8cee;
	-webkit-box-shadow:0  5px 8px 0 rgba(82,136,231,.4);  
  	-moz-box-shadow:0  5px 8px 0 rgba(82,136,231,.4); 
  	box-shadow:0  5px 8px 0 rgba(82,136,231,.4);  
}
.ahover1{background: url(../images/icon-11.png) no-repeat 26px center;margin:20px 25px 20px 18px;}
.ahover2{background: url(../images/icon-22.png) no-repeat 26px center;margin:20px 25px 20px 0;}
.ahover3{background: url(../images/icon-33.png) no-repeat 26px center;margin:20px 25px 20px 0;}
.ahover4{background: url(../images/icon-44.png) no-repeat 26px center;margin:20px 0 0 0;}
/*小草微信淘客界面演示*/
.cases{background:#f2f2f2;margin: 0 auto ;}
.cases.part .tit{color:#666;}
.case-contents {
display: -webkit-flex;
display: flex;
/*2017-3-20 YY 添加*/
width:1201px;
margin:auto;
}
.cases .content-pc{-webkit-flex:2;flex: 2; height:480px;display: inline-block; margin-top: 40px;
background:url(../../picture/PC-bg.png) center top no-repeat;position:relative;z-index:1;background-size:620px 420px ;}

.content-pc .bar_dot_pc,.content .bar_dot{text-align:center;position:absolute;bottom:110px;width:100%;z-index:10;}
.content-pc .bar_dot_pc span,.content .bar_dot span{display:inline-block;width:15px;height:15px;border-radius:50%;background:#999;margin:0 3px}
.content-pc .bar_dot_pc span.cur_pc,.content .bar_dot span.cur{background:#fff;}
.content-pc .slide_pc ul .mask_pc,.content .slide_bd ul .mask{display:none;position:absolute;width:100%;top:0;height:100%;background:rgba(0,0,0,0.6);z-index:3}
.slide_pc .bar_arrow_pc div,.slide_bd .bar_arrow div{position:absolute;top:40%;color:#dadada;font-weight:bold;cursor:pointer}
.content-pc .slide_pc .bar_arrow_pc div:hover,.content .slide_bd .bar_arrow div:hover{color:#b5b5b5;}
.content-pc .slide_pc .bar_arrow_pc div i,.content .slide_bd .bar_arrow div i{font-size:55px;}
.content-pc .slide_pc .bar_arrow_pc .a_left_pc,.content .slide_bd .bar_arrow .a_left{left:10px;}
.content-pc .slide_pc .bar_arrow_pc .a_right_pc,.content .slide_bd .bar_arrow .a_right{right:10px;}

.cases .content-pc .slide_pc{width:620px;height:430px;margin:auto;overflow:hidden;}
.cases .content-pc .slide_pc ul{width:616px;height:380px;margin-top:31px;border-radius: 0 0 0 5px;
position:relative;text-align: center;}
.cases .content-pc .slide_pc li{width:616px;position:absolute;top:0;z-index:1;margin-left:3px ;}
.cases .content-pc .slide_pc .c_img_pc{width:100%;display: inline-block;}
.cases .content-pc .slide_pc .case_show_1_pc{left:0;}
.cases .content-pc .slide_pc .case_show_2_pc{left:620px;}
.cases .content-pc .slide_pc .case_show_3_pc{left:1240px;}

.cases .content{-webkit-flex:1;flex: 1;height: 480px;margin-top: 40px;
display: inline-block; background:url(../../picture/WAP-bg.png) center top no-repeat;
position:relative;z-index:1;}
.cases .content .slide_bd{width:194px;height:425px;margin:auto;overflow:hidden;}
.cases .content .slide_bd ul{width:194px;height:314px;margin-top: 54px; position:relative;}
.cases .content .slide_bd li{width:194px;position:absolute;top:0;z-index:1;}
.cases .content .slide_bd .c_img{width:100%;height:314px;}
.cases .content .slide_bd .case_show_1{left:0;}
.cases .content .slide_bd .case_show_2{left:194px;}
.cases .content .slide_bd .case_show_3{left:388px;}
.pc-showInfo,.phone-showInfo {text-align: center;font-size: 21px ;color: #333;}
.pc-showInfo{margin-top: 25px;}
.phone-showInfo {margin-top: 30px;}
/*微淘客系统特色功能*/
.features{background:url(../images/features-bg.jpg) repeat;margin: 0 auto;}
.features .content .li{width:240px;height:270px;background:#fff;display: inline-block;margin-right: 30px;margin-bottom:30px;
transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;
overflow:hidden;position:relative}

.features .content .li .s1{display:block;position:absolute;top:0px;width:100%;}
.features .content .li .s1 .icons img{display:block;margin:auto;width:60px;height:60px;margin-top:45px;}
.features .content .li .s1 .t{font-size:18px;color:#555;margin-top:32px;text-align:center}
.features .content .li .s1 .arrow_down{text-align:center;font-size:18px;font-weight:bold;color:#555;margin-top:12px;}
.mlN {margin-left: 40px;}
.features .content .li .s1 .show_more{text-align:center;color:#4E8CEE;font-size:14px;margin-top:18px;}
.features .content .li .s1 .show_more span{border: 1px solid #4E8CEE;padding:6px 13px;}
.features .content .li .s2{cursor:pointer;display:block;position:absolute;top:270px;}
.features .content .li .s2 .s2-top {height: 100px;background: #4E8CEE;padding-top: 20px;}
.features .content .li .s2 .icons_sm img{display:block;margin:auto;width:50px;}
.features .content .li .s2 .t{font-size:18px;color:#fff;text-align:center;margin-top: 5px;}
.features .content .li .s2 .text{line-height:25px;font-size:14px;color:#888;text-align:center;background: #FFFFFF;
height:130px;padding: 20px; overflow:hidden;}
.liStyle {border: 1px solid rgba(255,255,255,1); }
.liHoverStyle {
	border: 1px solid #4e8cee;
	-webkit-box-shadow:0  5px 8px 0 rgba(82,136,231,.4);  
  	-moz-box-shadow:0  5px 8px 0 rgba(82,136,231,.4); 
  	box-shadow:0  5px 8px 0 rgba(82,136,231,.4);
}

/*修改end*/


.news{background:#f2f2f2;padding-top:30px;}
.news .content{width:1200px;}
.news .content .li{padding:10px;background:#fff;width:272px;height:330px;float:left;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.news .content .li:hover{box-shadow:0 0 10px rgba(100,100,100,0.4)}
.news .content .li.ml10{margin-left:10px;}
.news .content .thumb{padding-top:0px;position:relative}
.news .content .thumb img{display:block;margin:auto;width:100%;}
.news .content .title{font-size:16px;color:#333;font-weight:bold;height:35px;overflow:hidden;line-height:35px;}
/*2017-3-20 YY 添加鼠标滑过title变色*/
.news .content .title:hover{color:#4e8cee;}
/*end*/
.news .content .text{margin-top:2px;font-size:14px;color:#888;line-height:24px;overflow:hidden;height:72px;}
.news .content .ctime{color:#b7b7b7;font-size:12px;text-align:right;margin-top:10px;}
.news .content .mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.news .content .mask img{display:block;margin:80px auto 0;width:125px;}
.news .content .more{text-align:center;margin:40px auto 0;width:178px;height:42px;line-height:42px;border:1px solid #888;color:#666;border-radius:20px;}
/*2017-3-20 YY 添加鼠标滑过more变色*/
.news .content .more:hover{background:#5999ff;color:#fff;border:1px solid #5999ff;}
/*end*/
.footer{padding-top:20px;}
.footer .bottom_box{background:#2d2d2d;padding:30px 0;}
.footer .bottom{width:1200px;margin:auto}
.footer .bottom .li{width:210px;}
.footer .bottom .t1{color:#999;font-size:16px;margin-bottom:10px;}
.footer .bottom .t2 a{color:#5d5d5d;font-size:14px;line-height:28px;}
.footer .bottom .t2.qrcode img{width:110px;margin-right:30px;}
.footer .copy{text-align:center;line-height:25px;color:#888;font-size:14px;padding:20px 0;background:#000;}
.footer .copy a{color:#888;}

/*右侧导航*/
#right-susp {position:fixed; right:1px; top:50%; margin-top:-100px; z-index:100;width: 50px;height: 250px;}
#right-susp div{margin-top: 10px;}
#right-susp div a {display: block;width: 50px; height: 50px;}
#right-susp .susp-ser1 a{background: url(../images/right-suspsbg.png) -14px -23px no-repeat;}
#right-susp .susp-ser1 a:hover{background: url(../images/right-suspsbg.png) -70px -23px no-repeat;}

#right-susp .susp-ser2 a{background: url(../images/right-suspsbg.png) -14px -78px no-repeat;}
#right-susp .susp-ser2 a:hover{background: url(../images/right-suspsbg.png) -70px -78px no-repeat;}

#right-susp .susp-wechat a{background: url(../images/right-suspsbg.png) -14px -133px no-repeat;}
#right-susp .susp-wechat a:hover{background: url(../images/right-suspsbg.png) -70px -133px no-repeat;}

#right-susp .susp-gotop a {background: url(../images/right-suspsbg.png) -14px -188px no-repeat;}
#right-susp .susp-gotop a:hover{background: url(../images/right-suspsbg.png) -70px -188px no-repeat;}

.xc-wechat-box{ position:absolute; top:20px; right:40px; padding-right:25px;display: none;}
.xc-wechat-box .box-border{ border:1px solid #ccc; padding:20px; background-color:#fff; border-radius: 5px;
-webkit-box-shadow: 0 5px 8px rgba(78,140,238,.5);  -moz-box-shadow: 0 5px 8px rgba(78,140,238,.5); box-shadow: 0 5px 8px rgba(78,140,238,.5); position:relative;}
.xc-wechat-box .box-border .arrow-right{ display:block; width:20px; height:25px; background:url(../images/triangle.png) no-repeat ;
background-size:20px 25px ; position:absolute; right:-14px; top:100px;}
.xc-wechat-box .box-border .sev-t span{ font-size:42px; float:left; display:block; line-height:56px; margin-right:20px; color:#d3d3d3}
.xc-wechat-box .box-border .sev-t i{ display:block; font-size:16px; color:#ADADAD;font-family: "microsoft yahei";font-style: normal;text-align: center;}
